<template>
  <view class="new_main">
    <input
      type="text"
      v-model="code"
      class="inputCode"
      placeholder="请输入兑换码"
    />
    <view class="codeBtn flex_center_align" @click="checkCode()">兑换</view>
    <view class="text fz13 c666">
      <p>
        1、会计工作小助手兑换码，仅限领取ID（手机号）使用，每笔订单限用一次，不能与其他优惠同时享受。
      </p>
      <p>
        2、使用会计工作小助手兑换码支付的订单，用会计工作小助手兑换码抵扣的金额不能开具发票。
      </p>
      <p>3、本规则由本公司依据国家相关法律法规及规章制度予以解释 。</p>
    </view>
  </view>
</template>

<script>
import { checkCode } from "@/static/js/vip.js";
export default {
  data() {
    return {
      code: "",
    };
  },
  onShow() {
    this.init();
  },
  methods: {
    init() {
      this.code = "";
    },
    async checkCode() {
      if (this.code == "") {
        this.$tools.msg("请填写兑换码");
        return;
      }
      let res = await checkCode({
        code: this.code,
      });
      if (res.code == 1) {
        this.$tools.msg("兑换成功");
      } else {
        this.$tools.msg("兑换失败");
      }
    },
  },
};
</script>

<style lang="less" scoped>
.new_main {
  height: 100%;
  width: 100%;
  overflow-y: auto;
}

.inputCode {
  padding: 0 40rpx;
  margin: 0 auto;
  margin-top: 100rpx;
  width: 630rpx;
  height: 90rpx;
  background: #ffffff;
  border-radius: 131rpx;
  border: 1rpx solid #cccccc;
}

.codeBtn {
  margin: 0 auto;
  margin-top: 90rpx;
  width: 630rpx;
  height: 90rpx;
  background: #e93d2f;
  color: #fff;
  font-size: 40rpx;
  border-radius: 45px;
}

.text {
  margin: 0 auto;
  margin-top: 140rpx;
  width: 600rpx;
  height: 252rpx;
}
</style>
